<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <!-- 块级元素   独占一行 -->
    <!-- <marquee behavior="" direction="">重点IT项目班</marquee>
    <marquee behavior="" direction="">重点IT项目班</marquee>
    <p>IT</p>
    <p>IT</p>
    <p>IT</p>
    <p>IT</p>
    <div>IT</div>
    <div>IT</div> -->


    <!-- 行内元素  不独占一行-->
    <!-- <input type="text">
    <input type="text"> -->


    <!-- 规则：块级元素中能写：行内元素  ，块级元素（几乎什么都能写） -->
    
    <!-- <div>
        <p>块级元素</p>
        <input type="text" name="" id="">
    </div> -->


    <!-- 规则：行内元素中能写：行内元素  ，但不能写块级元素-->
    <!-- <span>
        <span>IT</span>
        <input type="text" name="" id="">
        <div>1</div>
    </span>

    <span>2</span> -->

    <!-- 特殊规则 h1~h6不能互相嵌套 -->

    <!-- 特殊规则：p标签不能写块元素 -->

</body>
</html>